<template>
  <el-descriptions :column="3" border size="medium" labelStyle="width:130px;text-align:right;">
    <el-descriptions-item label="供应商编码">
      {{ info.supplierCode }}
    </el-descriptions-item>
    <el-descriptions-item label="供应商名称">
      <del v-if="info.supplierNameFlag === '0'">{{ info.supplierName }}</del>
      {{ info.supplierNameA }}
    </el-descriptions-item>
    <el-descriptions-item label="供应商简称">
      <del v-if="info.supplierShortNameFlag === '0'">{{ info.supplierShortName }}</del>
      {{ info.supplierShortNameA }}
    </el-descriptions-item>
    <el-descriptions-item label="成立日期">
      <del v-if="info.establishDateFlag === '0'">{{ info.establishDate }}</del>
      {{ info.establishDateA }}
    </el-descriptions-item>
    <el-descriptions-item label="境内外关系">
      <del v-if="info.outboundFlag === '0'">{{ info.outbound }}</del>
      {{ info.outboundA_dictText }}
    </el-descriptions-item>
    <el-descriptions-item label="统一社会信用代码">
      <del v-if="info.socialCreditCodeFlag === '0'">{{ info.socialCreditCode }}</del>
      {{ info.socialCreditCodeA }}
    </el-descriptions-item>
    <el-descriptions-item label="境外识别码">
      <del v-if="info.outsideIdentifierFlag === '0'">{{ info.outsideIdentifier }}</del>
      {{ info.outsideIdentifierA }}
    </el-descriptions-item>
    <el-descriptions-item label="集团名称">
      <del v-if="info.groupNameFlag === '0'">{{ info.groupName }}</del>
      {{ info.groupNameA }}
    </el-descriptions-item>
    <el-descriptions-item label="公司类型">
      <del v-if="info.companyTypeFlag === '0'">{{ info.companyType }}</del>
      {{ info.companyTypeA_dictText }}
    </el-descriptions-item>
    <el-descriptions-item label="所属行业">
      <del v-if="info.capitalTypeFlag === '0'">{{ info.capitalType }}</del>
      {{ info.capitalTypeA_dictText }}
    </el-descriptions-item>
    <el-descriptions-item label="公司网址">
      <del v-if="info.websiteFlag === '0'">{{ info.website }}</del>
      {{ info.websiteA }}
    </el-descriptions-item>
    <el-descriptions-item label="区域">
      <del v-if="info.areasFlag === '0'">{{ info.areas }}</del>
      {{ info.areasA }}
    </el-descriptions-item>
    <el-descriptions-item label="注册地址">
      <del v-if="info.registerAddrFlag === '0'">{{ info.registerAddr }}</del>
      {{ info.registerAddrA }}
    </el-descriptions-item>
    <el-descriptions-item label="联系人">
      <del v-if="info.contactFlag === '0'">{{ info.contact }}</del>
      {{ info.contactA }}
    </el-descriptions-item>
    <el-descriptions-item label="联系人职务">
      <del v-if="info.contactPostFlag === '0'">{{ info.contactPost }}</del>
      {{ info.contactPostA }}
    </el-descriptions-item>
    <el-descriptions-item label="手机号码">
      <del v-if="info.phoneFlag === '0'">{{ info.phone }}</del>
      {{ info.phoneA }}
    </el-descriptions-item>
    <el-descriptions-item label="邮件">
      <del v-if="info.emailFlag === '0'">{{ info.email }}</del>
      {{ info.emailA }}
    </el-descriptions-item>
    <el-descriptions-item label="固定电话">
      <del v-if="info.telephoneFlag === '0'">{{ info.telephone }}</del>
      {{ info.telephoneA }}
    </el-descriptions-item>
    <el-descriptions-item label="厂房面积">
      <del v-if="info.plantAreaFlag === '0'">{{ info.plantArea }}</del>
      {{ info.plantAreaA }}
    </el-descriptions-item>
    <el-descriptions-item label="总人数" :span="2">
      <del v-if="info.totalNumberFlag === '0'">{{ info.totalNumber }}</del>
      {{ info.totalNumberA }}
    </el-descriptions-item>
    <el-descriptions-item label="经营范围" :span="3">
      <del v-if="info.busScopeFlag === '0'">{{ info.busScope }}</del
      ><br />
      {{ info.busScopeA }}
    </el-descriptions-item>
    <el-descriptions-item label="公司简介" :span="3">
      <del v-if="info.companyProfileFlag === '0'">{{ info.companyProfile }}</del
      ><br />
      {{ info.companyProfileA }}
    </el-descriptions-item>
    <el-descriptions-item label="营业执照">
      <easy-upload style="display: inline" :drag="false" v-model="info.attachVOS" :view-with-count="true" :disabled="['view'].includes(type)"/>
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  name: 'HistoryBase',
  inject: {
    type: {
      default: 'add'
    },
    btnFlg: {
      default: true
    },
    infoFlg: {
      default: true
    }
  },
  data() {
    return {
      info: {}
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-descriptions-item__label.is-bordered-label {
  min-width: 140px;
}
::v-deep .el-descriptions-item__content {
  min-width: 300px;
}
</style>
